require(["config"],function(){
	require(["jquery","header","footer" ],function($){
		function Register(){
			this.registerLoad();
		}
		
		Register.prototype = {
			constructor:Register,
			registerLoad:function(){
				console.log("开始登陆的JS");
				// 事件监听
				this.addListenRegister();	
			},
			// 事件监听
			addListenRegister:function(){
				// 绑定获得焦点的事件,输入数据判断
				$("#userRegForm").on("focus","input[name !=service]",$.proxy(this.inputFocus,this) );
				//$("#userRegForm").on("blur","input",$.proxy(this.inputBlur,this) );
				$("#userRegForm").on("blur","input[name='phone']",$.proxy(this.inputPhoneBlur,this) );
				$("#userRegForm").on("blur","input[name='password']",$.proxy(this.inputPasswordBlur,this) );
				$("#userRegForm").on("blur","input[name='confirmPassword']",$.proxy(this.inputConfrimBlur,this) );
				// 点击 注册 按钮
				$("#register").on("click",$.proxy(this.registerBlur,this));
				//点击复选框
				$(".service").on("click","input",$.proxy(this.selectService,this));
				
			},
			// 鼠标移入，显示提示
			inputFocus:function(event){
				console.log("鼠标移入，显示提示",);
				$(event.target).siblings("div").css("display","block");
			},
			// 注册手机号
			inputPhoneBlur:function(event){
				$(event.target).val();
				// phone(移动的) 的正则表达式
				var reg = /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/; 
				if( reg.test($(event.target).val()) ){
					$(event.target).siblings("div").css("display","none");
				}
			},
			//密码
			inputPasswordBlur:function(event){
				console.log( $(event.target).val().length );
				if( $(event.target).val().length > 5 ){
					$(event.target).siblings("div").css("display","none");
				}
			},
			//确认密码
			inputConfrimBlur:function(event){
				var val = $(event.target).val();
				var password = $("input[name='password']").val();
				console.log(val,password);
				//判断输入
				if( val == password){
					console.log("密码一致");
					$(event.target).siblings("div").css("display","none");
					$(event.target).siblings("div").find("p").text(" 请输入确认密码");
				}else{
					console.log("密码不一致",$(event.target).siblings("div").find("p") );
					$(event.target).siblings("div").find("p").text(" 确认密码 和 密码不一样");
				}
			},
			// 点击 注册 按钮
			registerBlur:function(event){
				event.preventDefault();
				// 判断输入内容
				var inputs =$("input[name='phone'],input[name='password'],input[name='confirmPassword']") ;
				inputs.each(function(){
					if( $(this).val().length == 0)
					$(this).siblings("div").css("display","block");
				})
				console.log(inputs);
				
				// 复选框状态
				var statu = $(".termService").prop("checked");
				console.log(statu);
				if(statu){
					// 选出提示内容
					$("#userRegForm .div_display").each(function(){
						if($(this).css("display") == "block"){
							// 发现有为显示的 提示信息
							statu = -1;
						}
					})
				}else{
					// 显示提示内容
					console.log($(".service div_display") );
					$(".service .div_display").css("display","block");
					statu = -1;
				}
				// 没有显示 提示内容，又存在数据
				if(statu != -1){
					console.log("账号输入陈宫");
					// ajax 提交注册数据
					var data = $("#userRegForm").serialize();
					// php 本应该在不同的目录
					var url = "http://localhost/week11/src/api/register.php";
					$.post(url,data,this.regSuccessHandler,"json");
					
					return false;
				}
				
			},
			// 点击复选框
			selectService:function(){
				$(event.target).siblings("div").css("display","none");
			},
			//注册ajax成功后的操作
			regSuccessHandler:function(data){
				if (data.res_code === 1) { // 注册成功
					location.href = "/html/login.html";
				} else { // 注册失败
					alert("注册失败：" + data.res_message);
				}
			},
		
		}
		
		
		new Register();
	})
})